<template>
	<view class="box">
		<!--搜索和地区-->
		<view class="search-box left clearfix fixed">
			<search></search>
		</view>
		
		<!--入驻模块-->
		<view class="add-box left clearfix">
			<view class="add-left left clearfix">
				<view class="add-title left">
					<label class="left add-images">
						<image src="https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/images/shangjia.jpg" mode="aspectFill" style="width:100%;height:100%;"></image>
					</label>
					<label class="left add-text">
						发布招募
					</label>
					<label class="right add-icons">
						<uni-icons type="right" size="20" color="#666"></uni-icons>
					</label>
				</view>
				
				<view class="add-texts left">
					快速发布探店任务
				</view>
			</view>
			
			
			<view class="add-left right clearfix" style="border-radius: 10px;">
				<view class="add-title left">
					<label class="left add-images">
						<image src="https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/images/darenruzhu.jpg" mode="aspectFill" style="width:100%;height:100%;"></image>
					</label>
					<label class="left add-text">
						达人入驻
					</label>
					<label class="right add-icons">
						<uni-icons type="right" size="20" color="#666"></uni-icons>
					</label>
				</view>
				
				<view class="add-texts left">
					线上接单 快速赚钱
				</view>
			</view>
			
			
			
		</view>
		
		
		
		
		<!--网页版-->
		<!-- <view class="web-box left clearfix">
			<view class="web-images left">
				<image src="https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/images/333333.png" mode="aspectFill" style="width:100%;height:100%;"></image>
			</view>
			<view class="web-text left">
				<text>派单工具网页版</text>
				<text>批量操作任务更方便</text>
			</view>
			<view class="web-icons right">
				立即查看
			</view>
		</view> -->
		
		<!--列表开始-->
		<view class="list-box left clearfix">
			<list-items></list-items>
		</view>
		<!--列表结束-->
		<wht-tabbar v-model:current="currentTab" :centerIndex="2" />
	</view>
</template>

<style scoped>
	
	.logo-box image{width:100%;height:100%;}
	.logo-box{width:100px;height:52.5px;flaot:left;margin-top:2.5rem;}
	.list-box{width:96%;min-height:20rem;margin-left:2%;margin-top:.5rem;padding-bottom:8rem;}
	.web-icons{width:4.5rem;height:2rem;background:#2979ff;color:#fff;font-size:.8rem;line-height:2rem;margin:1rem;text-align: center;border-radius: 1rem;}
	.web-text text:last-child{font-size:.8rem;color:#999;}
	.web-text text:first-child{font-weight:bold;margin-top:.1rem;}
	.web-text text{float:left;width:100%;line-height:1.5rem;}
	.web-text{width:50%;height:3rem;margin:.5rem;}
	.web-images{width:3rem;height:3rem;margin:.5rem;}
	.web-box{width:96%;margin-left:2%;height:4rem;background:#fff;border-radius: 10px;margin-top:.5rem;}
	.add-texts{line-height:.8rem;font-size:.8rem;color:#999;width:100%;text-align: center;margin-top:-.2rem;}
	.add-icons{margin-right:.5rem;}
	.add-title{width:100%;height:55px;line-height:55px;}
	.add-text,.add-icons{line-height:55px;}
	.add-images{width:50px;height:50px;margin-left:10px;}
	.icons-text{width:100%;line-height:1.5rem;font-size:.9rem;text-align: center;color:#666;}
	.icons-item view{width:60px;height:60px;margin-left:calc((100% - 60px)/2);text-align: center;}
	.icons-item{width:20%;height:6rem;margin-left:2.5%;margin-right:2.5%;}
	.icons-box{width:96%;margin-left:2%;height:6rem;background:#fff;border-radius: 5px;padding-top:.5rem;}
	.add-left{width:49%;height:5rem;background:#fff;border-radius: 10px;}
	.add-box{width:94%;height:5.5rem;margin-left:3%;margin-top:9.5rem;}
	.swiper{width:100%;height:180px;}
	.swiper-item{width:100%;height:180px;}
	.carousel-box{width:96%;min-height:180px;margin-left:2%;margin-top:9.5rem;border-radius: 10px;overflow: hidden;background:#fff;}
	.search-box{width:100%;height:7rem;z-index:99999;background-size:cover;padding-top:2rem;background:url('https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/images/body-bj.png');background-attachment: fixed;background-repeat: repeat-x;background-size:contain;}
	.box{width:100%;min-height:20rem;}
</style>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			
		}
	}
</script>

